$(function () {
    $.ajax({
        // url: '../json/home.json',//对应的是后台访问的接口  地址  API
        url:'/home',
        data: {},
        dataType: 'json',
        type: 'get',//对应后台的方法
        success: function (data) {
            console.log(data);
            // setNewsData(data.news);
            // setProductData(data.product);
        }
    })
    // let mobileCode = '111333222'
    // var file = new File([JSON.stringify(cuisine)],  {type: "text/plain;charset=utf-8"});
    // saveAs(file,"aa.txt");
    // file();
});
let cuisine = {
    "code": 0,
    "msg": "success",
    "count": 6,
    "data": [
        {
            "id": 1,
            "name": "【川菜】"
        },
        {
            "id": 3,
            "name": "【粤菜】"
        },
        {
            "id": 7,
            "name": "【湘菜】"
        },
        {
            "id": 4,
            "name": "【鲁菜】"
        },
        {
            "id": 5,
            "name": "【闽菜】"
        },
        {
            "id": 6,
            "name": "【鄂菜】"
        }
    ]
};

// function file() {
//
//     var fso;
//     try {
//         fso = new ActiveXObject("Scripting.FileSystemObject");
//
//     } catch (e) {
//         alert("当前浏览器不支持");
//         return;
//     }
//     var f1 = fso.createtextfile("../json/手机号.txt", true);
//     f1.write(cuisine);
//
//
// }

// const product1 = {
//     img: '../imgages/48_j53b.jpg',
//     title: '蚂蚁上树',
//     content: '粉丝200g,猪内馅50克。'
// };
// const product2 = {
//     img: '../imgages/48_j53b.jpg',
//     title: '蚂蚁上树',
//     content: '粉丝200g,猪内馅50克。'
// };
// const arrayProduct = [product1, product2];

function setProductData(data) {
    let html = '';
    // let data = arrayProduct;
    // $.getJSON("../json/productHome.json", function (data) {
    for (let i = 0; i < data.length; i++) {
        html += '                        <div>\n' +
            '                            <div  onclick="goToProductDetail(' + data[i].id + ')"><img src="' + data[i].img + '" height="300" width="300"/></div>\n' +
            '                            <div  onclick="goToProductDetail(' + data[i].id + ')" class="font-title single-line-overflow">' + data[i].title + '</div>\n' +
            '                            <div class="font-area single-line-overflow">\n' +
            '                                ' + data[i].content + '' +
            '                            </div>\n' +
            '                        </div>';
    }
    $("#product").html(html);
    // });

}

function goToProductDetail(id) {

    //我們需要将id存入到一个公共的作用域：空间，然后在另一个页面可以直接取到
// sessionStorage
//     localStorage
//    删除缓存  快捷键  CTRL+shift+delete
    sessionStorage.setItem("productId", id);
    window.location.href = 'productDetail.html?id=' + id;
}

// const newsList = [
//     {
//         title: "日本较大抹茶餐饮七叶和茶登陆上海日本较大抹茶餐饮七叶和茶登陆上海",
//         content: 'aaaaaaaaa',
//         id: 1
//     }, {
//         title: "日本较大抹茶餐饮七叶和茶登陆上海日本较大抹茶餐饮七叶和茶登陆上海",
//         id: 2,
//         content: 'bbbbbbbbbbbbbbbbb'
//     }, {
//         title: "日本较大抹茶餐饮七叶和茶登陆上海日本较大抹茶餐饮七叶和茶登陆上海",
//         content: 'cccccccccccccccccccc',
//         id: 3
//     }];
// java 后台的接口  访问后台的地址
// http://localhost:8080/news/add?title=日本较大抹&date=2021-1-1&author=supeng
function setNewsData(data) {
    // $.getJSON("../js/nav.json", {}, function (data) {
    // $.getJSON(url, data, function (data) {
    // $.ajax({
    //     url: '../json/news.json',// 对应的是地址,url 或者后台的@WebServlet("/back/user/findAll")
    //     data: {},//是需要传递给后台的值，一般都用对象
    //     dataType: 'json',//默認全是json格式
    //     type: 'get',//对应的是get或者post，对应后台的 protected void doGet(
    //     success: function (data) {//后台返回给前端data数据
    let html = '';
    for (let i = 0; i < data.length; i++) {
        html += ' <div>\n' +
            '                                <div class="font-title single-line-overflow"><a href="newsDetail.html?id=' + data[i].id + '">' + data[i].title + '</a>\n' +
            '                                </div>\n' +
            '                                <div class="font-area single-line-overflow">' + data[i].content + '\n' +
            '                                </div>\n' +
            '                            </div>';
    }
    $("#news").html(html)
    // }
    // })
    // $.getJSON("../js/news.json", {}, function (data) {
    //     let html = '';
    //     for (let i = 0; i < data.length; i++) {
    //         html += ' <div>\n' +
    //             '                                <div class="font-title single-line-overflow"><a href="newsDetail.html?id=' + data[i].id + '">' + data[i].title + '</a>\n' +
    //             '                                </div>\n' +
    //             '                                <div class="font-area single-line-overflow">' + data[i].content + '\n' +
    //             '                                </div>\n' +
    //             '                            </div>';
    //     }
    //     $("#news").html(html)
    // })
    // let html = '';
    // for (let i = 0; i < newsList.length; i++) {
    //     html += ' <div>\n' +
    //         '                                <div class="font-title single-line-overflow"><a href="newsDetail.html?id=' + newsList[i].id + '">' + newsList[i].title + '</a>\n' +
    //         '                                </div>\n' +
    //         '                                <div class="font-area single-line-overflow">' + newsList[i].content + '\n' +
    //         '                                </div>\n' +
    //         '                            </div>';
    // }
    // $("#news").html(html)
}